.helpView {
  min-width: 1200px;
  // background-color: #fff;

  header {
    height: 206px;
    text-align: center;
    color: #fff;
    background: url('../../../assets/bg-banner.png') no-repeat center;
    background-size: 1920px 206px;
  }

  @media (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
    header {
      background-image: url('../../../assets/bg-banner.png');
    }
  }
  header a {
    display: inline-block;
    padding: 7px 15px;
    margin-top: 25px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 20px;
    text-decoration: none;

    &::after {
      content: '';
      display: inline-block;
      width: .5em;
      height: .5em;
      margin-left: 3px;
      border: 1px solid #fff;
      border-width: 1px 1px 0 0;
      transform: rotate(45deg);
    }
  }
  main{
    width: 1200px;
    padding: 20px 10px 10px 10px;
    margin: auto;
    display: flex;
    .tableTab{
      min-height: 222px;
      margin-bottom: 10px;
      .content{
        padding: 20px 16px;
        ul{
          padding-left: 15px;
          list-style-type: square;
          // color: rgba(9, 117, 225, 1);
          .empty{
          width: 100%;
          padding: 80px 0;
          color: #868686;
          text-align: center;
          font-size: 14px;
        }
          li{
            color: rgba(9, 117, 225, 1);
            font-weight: 400;
            &:not(:last-child){
              margin-bottom: 15px;
            }
            .question{
              font-size: 16px;
              color: rgba(51, 51, 51, 1);
              padding-bottom: 3px;
              min-height: 25px;
              word-break: break-all;
              word-spacing: normal;
            }
            .answer{
              font-size: 14px;
              color: rgba(134, 134, 134, 1);
              word-break: break-all;
              word-spacing: normal;
            }
          }
        }
      }
    }
    .supportTab{
      min-height: 91px !important;
      padding-top: 5px;
      .tabTitle{
        color: #333333;
        font-size: 14px;
      }
      :global{
        .more{
          top: 40px;
        }
      }
    }
    .left{
      width: 800px;
      padding: 0;
      .quick{
        width: 100%;
        height: 323px;
        margin-bottom: 10px;
        .quickList{
          width: 598px;
          height: 100%;
          float: left;
          .quickItem{
            width: 194px;
            height: 159px;
            background: #fff;
            margin-right: 5px;
            text-align: center;
            float: left;
            margin-bottom: 5px;
            padding-top: 2px;
            cursor: pointer;
            &:hover{
              box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.3);
            }
            .icon{
              font-size: 40px;
            }
            .name{
              font-size: 18px;
              color: rgba(51, 51, 51, 1);
              font-weight: 600;
            }
            .desc{
              font-size: 14px;
              color:rgba(168, 168, 168, 1);
              width: 100%;
              margin: 7px auto 0 auto;
            }
          }
        }
        .more{
          width: 202px;
          height: 323px;
          background: #fff;
          float: left;
          text-align: center;
          padding-top: 95px;
          cursor: pointer;
          &:hover{
            box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.3);
          }
          .icon {
            font-size: 40px;
          }

          .name {
            font-size: 18px;
            color: rgba(51, 51, 51, 1);
            font-weight: 600;
          }

          .desc {
            font-size: 14px;
            color: rgba(168, 168, 168, 1);
            width: 100%;
            margin: 7px auto 0 auto;
          }
        }
      }
    }
    .right{
      width: 370px;
      padding-left: 10px;
      .tabsContentBox{
        padding-top: 10px;
        .empty{
          width: 100%;
          padding-top: 70px;
          color: #868686;
          text-align: center;
          font-size: 14px;
        }
        a {
          padding: 0 16px;
          display: flex;
          font-size: 14px;
          line-height: 32px;
          color: #333;
          // white-space: nowrap;
          // text-overflow: ellipsis;
          text-decoration: none;
          // overflow: hidden;
          transition: color .4s ease-in-out;
          cursor: pointer;
          position: relative;

          p {
            max-width: calc(~"100% - 35px");
            white-space: nowrap;
            font-size: 14px;
            text-overflow: ellipsis;
            overflow: hidden;
            position: relative;
            &.title{
              max-width: calc(~"100% - 80px");
            }

            em {
              display: block;
              font-style: inherit;
              color: #E61717;
              max-width: calc(~"100%");
              white-space: nowrap;
              font-size: 14px;
              text-overflow: ellipsis;
              overflow: hidden;
            }
          }

          span {
            display: none;
            width: 60px;
            color: #307BF6;
            text-align: center;
            position: absolute;
            top: 0;
            right: 0;
            &.date{
              color: rgba(186, 186, 186, 1);
              display: block;
              width: 100px;
              right: 10px;
            }
          }
          img{
            display: none;
            color: #307BF6;
            text-align: center;
            position: absolute;
            top: 10px;
            right: 15px;
          }

          // &::before {
          //   content: '';
          //   display: inline-block;
          //   position: relative;
          //   top: 13px;
          //   width: 5px;
          //   height: 5px;
          //   margin-right: 8px;
          //   border-radius: 100%;
          //   background-color: #DFDFDF;
          //   vertical-align: middle;
          // }

          &:hover {
            background: rgba(246, 246, 246, 1);
            img {
              display: block;

            }
          }
        }
      }
    }
  }
}